<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
        <meta http-equiv="refresh" content="5">
		<meta name="description" content="这是一个作业练习html文档">
		<meta name="author" content="dc">
		<title>这是一个练习网页</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <style>
			p{color:coral;}
		</style>
	</head>

	<body>
        <h1 align="center">这是h1标签</h1>
		<h2 align="left">这是h2标签</h2>
		<h3 align="right">这是h3标签</h3>
		<h4 align="justify">这是h4（1）标签，这是h4（1）标签，h4标签（1）</h4>
		<h4 align="justify">这是h4（2）标签，这是h4（2）标签，这是h4标签（2）</h4>
		<h5 align="left">这是h5标签</h5>
		<h6 align="right">这是h6标签</h6>
        <p>这是p标签</p>
        <p style="font-family:宋体;">这是p标签(1)</p>
		<p style="font-size:20px;color:firebrick">这是p标签(2)</p>
        <div>这是div标签</div>
        <img src="img/boy.jpg" alt="可爱的男孩" width="120px" height="120px">
        <p><img src="img/pikachu.jpg" alt="可爱的皮卡丘" width="120px" height="120px" align="middle">浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像,浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像,浮动的图像，浮动的图像，浮动的图像</p>
		<P><img src="img/pikachu.jpg" alt="可爱的皮卡丘" width="120px" height="120px" align="left">浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像</p>
		<p><img src="img/pikachu.jpg" alt="可爱的皮卡丘" width="120px" height="120px" align="right">浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像，浮动的图像</p>
	    <div>图像分割</div>
		<a href="https://www.iqiyi.com/">爱奇艺</a>
		<div>图像链接</div>
		<a href="https://www.iqiyi.com/"><img src="img/iqiyi.jpg" alt="爱奇艺"></a>
        <select>
			<option>这是</option>
			<option>option</option>
			<option>标签</option>
		</select>
		<select multiple>
			<option>这</option>
			<option>是</option>
			<option>select</option>
			<option>标</option>
			<option>签</option>
		</select>
        <p>这<br/>是<br/>b<br/>r<br/>标<br/>签<br/></p>
    </body>
    
</html>